<template>
  <div class="not-error">
    <div class="not-err-main">
      <div class="not-err-head"></div>
      <div class="not-err-content">
        <div class="err-404">404</div>
        <div>功能还在完善, 敬请期待......</div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from '@vue/runtime-core';

export default defineComponent({
  name:'Error'
})
</script>

<style lang="scss" scoped>
.not-error {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  background: white;
  display: flex;

  .not-err-main {
    width: 480px;
    height: 320px;
    font-size: 32px;
    margin: auto;
    // background: red;

    .not-err-content {
      .err-404 {
        font-size: 48px;
      }
    }
  }
}
</style>